/* 相册模块---- */
.images_wrap {
    position: relative;
    z-index: -1;
    top: -100px;
    height: 100vh;
}
.images_wrap .view {
    position: absolute;
    top: 35%;
    left: 3%;
    width: 35%;
    height: 50%;
}
.images_wrap .manga {
    position: absolute;
    top: 30%;
    left: 40%;
    width: 20%;
    height: 35%;
}
.images_wrap .cate {
    position: absolute;
    top: 67%;
    left: 39%;
    width: 55%;
    height: 30%;
}
.images_wrap .life {
    position: absolute;
    top: 35%;
    left: 61%;
    width: 37%;
    height: 30%;
}
.images_wrap .view a,
.images_wrap .manga a,
.images_wrap .cate a,
.images_wrap .life a {
    display: block;
    width: 100%;
    height: 100%;
}
.images_wrap .view a div,
.images_wrap .manga a div,
.images_wrap .cate a div,
.images_wrap .life a div {
    overflow: hidden;
    width: 100%;
    height: 100%;
    border: 10px solid rgba(0, 0, 0, 0.8);
}
.images_wrap .view a h5,
.images_wrap .manga a h5,
.images_wrap .cate a h5,
.images_wrap .life a h5 {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 100%;
    font-size: 2rem;
    text-shadow: 0px 0px 12px #fff;
    color: #fff;
}
.images_wrap .view a div img,
.images_wrap .manga a div img,
.images_wrap .cate a div img,
.images_wrap .life a div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform-origin: center;
    transform: scale(1, 1);
}
.images_wrap .img_scale_enter div img {
    animation: imgScaleEn 0.5s ease 0s forwards;
}
@keyframes imgScaleEn {
    0%{
        transform: scale(1, 1);
    }
    100%{
        transform: scale(1.5, 1.5);
    }
}
.images_wrap .img_scale_leave div img {
    animation: imgScaleLe 0.5s ease 0s forwards;
}
@keyframes imgScaleLe {
    0%{
        transform: scale(1.5, 1.5);
    }
    100%{
        transform: scale(1, 1);
    }
}
/* 相册模块-end */